<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>我的收藏</title>
    <link rel="stylesheet" type="text/css" th:href="@{/css/myGarden/collection.css}"
          href="../../static/css/myGarden/collection.css">
    <script type="text/javascript" th:src="@{/js/jquery-3.6.0.min.js}"
            src="../../static/js/jquery-3.6.0.min.js"></script>
    <script type="text/javascript" th:src="@{/js/myGarden/collection.js}"
            src="../../static/js/myGarden/collection.js"></script>
</head>
<body>
<div id="leftCollection">
    <ul>
        <li>
            <a href="javascript:void(0)" th:onclick="'javascript:addFolder()'">
                <img th:src="@{/img/myGarden/new.png}" alt="" align="absbottom"
                     src="../../static/img/myGarden/new.png"/>
                新建文件夹
            </a>
        </li>
        <li id="newFolder">
            <label for="newFolderInput">文件夹名</label><input id="newFolderInput" type="text">
            <button th:onclick="'javascript:insertFolder()'">新建</button>
            <label id="newFolderError">创建失败</label>
        </li>
        <li th:each="item:${collection_menu}">
            <a href="javascript:void(0)" th:onclick="'javascript:showFolder('+this+')'"
               th:attr="data-favoriteName=${item.favoritename},data-contentNum=${item.child.size()},data-objectId=${item.objectid}">
                <img th:src="@{/img/myGarden/folder.png}" alt="" align="absbottom"
                     src="../../static/img/myGarden/folder.png">
                [[${item.favoritename}]] [[${item.child.size()}]]
            </a>

        </li>
    </ul>
</div>
<div id="rightCollection">
    <div id="folderInfo">
        <p id="folderName">默认文件夹</p>
        <p id="contentNum">0个内容</p>
        <div id="option">
            <div id="options">
                <a>批量操作</a><a>全部分区</a><a>最近收藏</a>
            </div>
            <div id="search">
                <section><p>当前</p></section>
                <input><img src="../../static/img/myGarden/search.png" th:src="@{/img//myGarden/search.png}">
            </div>
        </div>
    </div>
</div>

</body>
</html>